@extends('layouts.admin')
@section('content')
    <style>
        .table tbody tr td{
            text-align:center;
        }
        .dataTables_filter{
            margin-left:20px;
        }
        form input{
            height:22px;
            text-align: center;
            line-height:20px;
            font-size:15px;
        }
    </style>

    <div id="content-header">
        <h1>音乐管理</h1>
        <div class="btn-group">
            <a class="btn btn-large tip-bottom" title="Manage Files"><i class="icon-file"></i></a>
            <a class="btn btn-large tip-bottom" title="Manage Users"><i class="icon-user"></i></a>
            <a class="btn btn-large tip-bottom" title="Manage Comments"><i class="icon-comment"></i><span class="label label-important">5</span></a>
            <a class="btn btn-large tip-bottom" title="Manage Orders"><i class="icon-shopping-cart"></i></a>
        </div>
    </div>
    <div id="breadcrumb">
        <a href="#" title="Go to Home" class="tip-bottom"><i class="icon-home"></i>主页</a>
        <a href="#" class="current">音乐管理</a>
    </div>
    <div class="dataTables_filter" id="DataTables_Table_0_filter">

    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-title">
								<span class="icon">
									<i class="icon-th"></i>
								</span>
                        <h5>音乐列表</h5>
                    </div>
                    <div class="widget-content nopadding">
                        <table class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>音乐ID</th>
                                <th>歌名</th>
                                <th>歌手</th>
                                <th>歌曲路径</th>
                                <th>歌曲相片</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="tbody">
                            @foreach($res as $music)
                                <tr>
                                    <td>{{$music->id}}</td>
                                    <td>{{$music->title}}</td>
                                    <td>{{$music->artist}}</td>
                                    <td>{{$music->mp3}}</td>
                                    <td>
                                        {{$music->cover}}
                                    </td>
                                    <td>
                                        <a href="{{url('admin/musicedit?id=').$music->id}}"  class="btn btn-primary">修改</a>
                                        <a href="{{url('admin/musicdel?id=').$music->id}}" class="btn btn-danger">删除</a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                        <div class="dataTables_paginate">

                            {{$res->links()}}

                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div id="footer" class="span12">
                2012 &copy; Unicorn Admin. Brought to you by <a href="https://wrapbootstrap.com/user/diablo9983">diablo9983</a>
            </div>
        </div>
    </div>
@endsection